.cherry-shortcut-key-config-panel-wrapper {
  width: 250px !important;
  height: 400px !important;
  .cherry-shortcut-key-config-panel-inner {
    width: 100%;
    height: 100%;
    overflow: auto;
    // 隐藏滚动条
    &::-webkit-scrollbar {
      display: none;
    }
    .shortcut-top {
      width: 100%;
    }
    .cherry-shortcut-key-config-panel-ul {
      // 去掉列表样式
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;

      .shortcut-key-item {
        display: flex;
        justify-content: space-between;
        // .shortcut-key-config-panel-name {
        //   &:hover {
        //     color: #333;
        //   }
        // }
        .shortcut-key-config-panel-kbd {
          display: flex;
          gap: 10px;
          min-width: 120px;
          justify-content: right;

          .keyboard-key {
            border-radius: 3px;
            border-style: solid;
            border-width: 1px;
            display: inline-block;
            font-size: 11px;
            margin: 0 2px;
            padding: 3px 5px;
            vertical-align: middle;
            line-height: 20px;
            margin: 4px;
            min-width: 16px;
            text-align: center;
          }
        }
      }
    }
  }
}
